$(document).ready(function () {
    //定义全局对象
    var patient_info_height = $('.define-list').eq(0).outerHeight();//获取患者基本信息列表高度
    var complain_info_height = $('.define-list').eq(1).outerHeight();//获取投诉信息列表高度
    var oneself_info_height = $('.define-list').eq(2).outerHeight();//获取是否患者本人投诉列表高度

    //input标签获取焦点隐藏placeholder提示，失去焦点展示提示
    input_placehoder_status();
    function input_placehoder_status() {
        var text = '';
        $('.define-placeholder ').on('focus',function () {
            text = $(this).attr('placeholder');
            $(this).attr('placeholder','');
        }).on('blur',function () {
            $(this).attr('placeholder',text);
        });
    }

    animation_list();//动画  抽屉效果
    function animation_list() {
        $('.define-list-nav').on('click',function () {
            var list = $(this).parents('.container-fluid').find('.define-list');
            var animation = $(this).parents('.container-fluid').find('.define-drawer-animation');
            if(animation.hasClass('define-close-active')){
                animation.removeClass('define-close-active');
                animation.addClass('define-open-active');
            }else {
                animation.removeClass('define-open-active');
                animation.addClass('define-close-active');
            }
            list.animate({
                'height':'toggle'
            },500);
        });
    }

    //选择器
    //选择 性别
    selecter_sex();
    function selecter_sex() {
        var data = [
            {
                value: '0',
                text: '女'
            },
            {
                value: '1',
                text: '男'
            }
        ];
        var btn = document.getElementById('picker-sex');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer:1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                if(data[0].text == '男'){
                    $('#post_form').find('input[name="sex"]').val('1');//性别
                }else {
                    $('#post_form').find('input[name="sex"]').val('0');//性别
                }
                picker.dispose();//释放组件
            });
        })
    }

    //选择 医保类型
    selecter_health_insurance_status();
    function selecter_health_insurance_status() {
        var data = [
            {
                value: '1',
                text: '城镇职工基本医疗保险'
            },
            {
                value: '2',
                text: '城镇居民基本医疗保险'
            },
            {
                value: '3',
                text: '新型农村合作医疗'
            }
        ];
        var btn = document.getElementById('picker-health-insurance-status');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer:1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                $('#post_form').find('input[name="insurance_type"]').val( data[0].text );//医保类型
                picker.dispose();//释放组件
            });
        })
    }

    //选择 疾病/住院危害程度
    selecter_extent_of_injury();
    function selecter_extent_of_injury() {
        var data = [
            {
                value: '0',
                text: '无'
            },
            {
                value: '1',
                text: '较轻'
            },
            {
                value: '2',
                text: '较重'
            },
            {
                value: '3',
                text: '非常重'
            }
        ];
        var btn = document.getElementById('picker-extent-of-injury');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                $('#post_form').find('input[name="illness_severity"]').val( data[0].text );//疾病/住院危害程度
                picker.dispose();//释放组件
            });
        })
    }

    //选择 患者家属合作态度
    selecter_collaborative_attitude();
    function selecter_collaborative_attitude() {
        var data = [
            {
                value: '0',
                text: '配合'
            },
            {
                value: '1',
                text: '不配合'
            }
        ];
        var btn = document.getElementById('picker-collaborative-attitude');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                $('#post_form').find('input[name="relation_attitude"]').val( data[0].text );//患者家属合作态度
                picker.dispose();//释放组件
            });
        })
    }

    //选择 医护类型
    selecter_medical_type();
    function selecter_medical_type() {
        var data = [
            {
                value: '1',
                text: '医生'
            },
            {
                value: '2',
                text: '护士'
            }
        ];
        var btn = document.getElementById('picker-medical-type');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                $('#post_form').find('input[name="medical_type"]').val( data[0].text );//医护类型
                picker.dispose();//释放组件
            });
        })
    }

    //选择 患者病情程度
    selecter_illness_degree();
    function selecter_illness_degree() {
        var data = [
            {
                value: '1',
                text: '轻'
            },
            {
                value: '2',
                text: '较轻'
            },
            {
                value: '3',
                text: '重'
            },
            {
                value: '4',
                text: '较重'
            },
            {
                value: '5',
                text: '严重'
            },
            {
                value: '6',
                text: '十分严重'
            }
        ];
        var btn = document.getElementById('picker-illness-degree');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                //患者病情严重程度与行为部分情况统计
                $('#post_form').find('input[name="illness_level"]').val( data[0].text );//患者病情程度
                picker.dispose();//释放组件
            });
        })
    }

    //选择 演变成医患纠纷/医闹可能性
    selecter_doctors_patients();
    function selecter_doctors_patients() {
        var data = [
            {
                value: '0',
                text: '无'
            },
            {
                value: '1',
                text: '较小'
            },
            {
                value: '2',
                text: '较大'
            },
            {
                value: '3',
                text: '非常大'
            }
        ];
        var btn = document.getElementById('doctors-and-patients');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                //患者病情严重程度与行为部分情况统计
                $('#post_form').find('input[name="dispute_possibility"]').val( data[0].text );//演变成医患可能性
                picker.dispose();//释放组件
            });
        })
    }

    //选择 是否存在医疗不当投诉
    selecter_complain_mala_praxis();
    function selecter_complain_mala_praxis() {
        var data = [
            {
                value: '0',
                text: '无'
            },
            {
                value: '1',
                text: '有'
            }
        ];
        var btn = document.getElementById('picker-complain-mala-praxis');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                //患者病情严重程度与行为部分情况统计
                $('#post_form').find('input[name="medical_complain"]').val(data[0].text);//是否存在医疗不当投诉
                picker.dispose();//释放组件
            });
        })
    }

    //选择 是否存在护理不周投诉
    selecter_complain_loose_care();
    function selecter_complain_loose_care() {
        var data = [
            {
                value: '0',
                text: '无'
            },
            {
                value: '1',
                text: '有'
            }
        ];
        var btn = document.getElementById('picker-complain-loose-care');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                //患者病情严重程度与行为部分情况统计
                $('#post_form').find('input[name="care_complain"]').val( data[0].text );//是否存在护理不周投诉
                picker.dispose();//释放组件
            });
        })
    }

    //选择 患者家属语言行为
    selecter_relation_speech_act();
    function selecter_relation_speech_act() {
        var data = [
            {
                value: '1',
                text: '轻'
            },
            {
                value: '2',
                text: '较轻'
            },
            {
                value: '3',
                text: '重'
            },
            {
                value: '4',
                text: '较重'
            },
            {
                value: '5',
                text: '严重'
            },
            {
                value: '6',
                text: '十分严重'
            }
        ];
        var btn = document.getElementById('picker-relation-speech-act');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                //患者病情严重程度与行为部分情况统计
                $('#post_form').find('input[name="speak_level"]').val( data[0].text );//患者及家属语言行为
                picker.dispose();//释放组件
            });
        })
    }

    //选择 患者家属肢体动作
    selecter_relation_body_cont();
    function selecter_relation_body_cont() {
        var data = [
            {
                value: '001',
                text: '轻'
            },
            {
                value: '002',
                text: '较轻'
            },
            {
                value: '003',
                text: '重'
            },
            {
                value: '004',
                text: '较重'
            },
            {
                value: '005',
                text: '严重'
            },
            {
                value: '006',
                text: '十分严重'
            }
        ];
        var btn = document.getElementById('picker-relation-body-cont');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                //患者病情严重程度与行为部分情况统计
                $('#post_form').find('input[name="action_level"]').val( data[0].text );//患者及家属肢体动作
                picker.dispose();//释放组件
            });
        })
    }

    //选择 患者及家属对医院有误投诉
    selecter_complain_error();
    function selecter_complain_error() {
        var data = [
            {
                value: '001',
                text: '无'
            },
            {
                value: '002',
                text: '少于两次'
            },
            {
                value: '003',
                text: '少于五次'
            },
            {
                value: '004',
                text: '五次以上'
            }
        ];
        var btn = document.getElementById('picker-complain-error');
        btn.addEventListener('tap',function () {
            var self = this;
            var picker = new mui.PopPicker({
                layer: 1 //三级联动
            });
            picker.setData(data);
            picker.show(function (data) {
                $(self).find('span').text(data[0].text);
                //患者病情严重程度与行为部分情况统计
                $('#post_form').find('input[name="hospital_complain"]').val( data[0].text );//患者及家属对医院有误投诉
                picker.dispose();//释放组件
            });
        })
    }

    //图片上传  最多三张
    upload_pictures();
    function upload_pictures() {
        $('.define-add-img').on('click',function () {
            returnFileBtn($(this).next());
            previewImg($(this).next(),$(this));
        });
    }

    //返回点击原始input文件夹按钮
    function returnFileBtn($input) {
        return $input.click();
    }

    //选定需要上传的文件之后  展示在窗口  预览即将上传的图片
    function previewImg($input,$this) {
        $input.change(function () {
            var objUrl = getObjectURL(this.files[0]) ;//获取文件url
            //如果不是img文件 ，提示不能选择此类文件
            if (this.files[0].type !== 'image/jpeg' && this.files[0].type !== 'image/png' && this.files[0].type !== 'image/gif') {
                alert('不是有效的图片文件!');
                $this.attr('src', 'images/conplain_add.png');//赋值控制给img
                return;
            }
            //获取到url 赋值img的url  并展示
            if (objUrl) {
                $this.attr('src', objUrl);//赋值控制给img
            }
        });
    }

    //获取文件的url
    function getObjectURL(file) {
        var url = null ;
        if (window.createObjectURL != undefined) {
            url = window.createObjectURL(file) ;// basic
        }
        else if (window.URL != undefined) {
            url = window.URL.createObjectURL(file) ;// mozilla(firefox)
        }
        else if (window.webkitURL != undefined) {
            url = window.webkitURL.createObjectURL(file) ;// webkit or chrome
        }
        return url ;
    }

    //提交表单
    post_form();
    function post_form() {
        $('#post').on('click',function () {
            form_give_value();//form表单赋值
            //$('#myLargeModalLabel').modal()
        });
    }

    //form表单赋值
    function form_give_value() {
        var post_form = $('#post_form');//获取form表单
        //患者基本信息
        post_form.find('input[name="name"]').val($('#patient_name').val());//姓名
        //post_form.find('input[name="sex"]').val();//性别
        post_form.find('input[name="age"]').val($('#patient_age').val());//年龄
        post_form.find('input[name="hospital_num"]').val($('#patient_hos_number').val());//住院号
        post_form.find('input[name="outpatient_num"]').val($('#patient_emegency_number').val());//门/急诊号
        post_form.find('input[name="phone"]').val($('#patient_phone').val());//联系电话
        post_form.find('input[name="source"]').val($('#patient_source').val());//患者来源
        post_form.find('input[name="idCard"]').val($('#patient_idcard').val());//身份证号
        post_form.find('input[name="medical_insurance"]').val($('#patient_medical_number').val());//医保号
        post_form.find('input[name="relation_name"]').val($('#relation_name').val());//家属姓名
        post_form.find('input[name="relation_phone"]').val($('#relation_phone').val());//家属手机号
       /* post_form.find('input[name="illness_severity"]').val();//疾病/住院危害程度
        post_form.find('input[name="relation_attitude"]').val();//患者家属合作态度*/

        //相关医护人员
        post_form.find('input[name="medical_workers"]').val($('#hos_name').val());//姓名

        /*//患者病情严重程度与行为部分情况统计
        post_form.find('input[name="illness_level"]').val();//患者病情程度
        post_form.find('input[name="dispute_possibility"]').val();//演变成医患可能性
        post_form.find('input[name="medical_complain"]').val();//是否存在医疗不当投诉
        post_form.find('input[name="care_complain"]').val();//是否存在护理不周投诉
        post_form.find('input[name="speak_level"]').val();//患者及家属语言行为
        post_form.find('input[name="action_level"]').val();//患者及家属肢体动作
        post_form.find('input[name="hospital_complain"]').val();//患者及家属对医院有误投诉*/

        post_form_ajax(post_form.serialize());
    }

    //提交表单数据  ajax
    function post_form_ajax(data) {
        // console.log(data);
        $.ajax({
            url:'/complain/waring_handle',
            data: {
                postData: data
            },
            type: 'POST',
            dataType: 'json',
            success:function (data) {
                if(data.code){
                    alert(data.msg);
                }
                // console.log(data);
            },
            error: function (err) {
                console.log(err);
            }
        })
    }


});